<section id="appraisal" class="section">
    <div class="appraisal clearfix">
        <h2>
			分类评测 <span>Categories &amp; Reviews</span>
		</h2>
        <div class="apr-l" th:each="productEntry:${navTagsProductMap}" th:id="${'product_'+productEntry.getKey()}">
            <div class="apr-ad see-more-wrap" th:if="${productEntry.getValue().size()>0}">
                <!--/*-->
                <span class="see-more-btn"><a href="#">更多测评<i
						class="fa fa-angle-double-right"></i></a></span>
                <!--*/-->
                <a th:href="@{${productEntry.getValue().get(0)==null?'':'/product/view/'+productEntry.getValue().get(0).tag.id}}" href="#" class="apr-img apr-t-img">
                    <span class="apr-img-cell">
						<img src="../img/loading.gif" th:src="@{/src/img/loading.gif}"
						data-url="http://www.faxsun.com/faxsun/faxsun/cmsstatic/product/view/10100/sandisk-1.jpg"
						th:attr="data-url=${productEntry.getValue().get(0)==null?'':productEntry.getValue().get(0).defaultImageUrl}" />
					</span>
                    <div class="inner-tit">
                        <span class="inner-tit-cell" th:text="${productEntry.getValue().get(0)==null?'':productEntry.getValue().get(0).name}">WoWWee
							MiP机器人</span>
                    </div>
                </a>
            </div>
            <div class="apr-list">
                <ul class="clearfix">
                    <li th:if="${productEntry.getValue().size()>1}">
                        <a th:href="@{${productEntry.getValue().get(1)==null?'':'/product/view/'+productEntry.getValue().get(1).tag.id}}" href="#" class="apr-img apr-b-img">
                            <span class="apr-img-cell"><img src="img/loading.gif" th:src="@{/src/img/loading.gif}" data-url="http://placehold.it/232x220" th:attr="data-url=${productEntry.getValue().get(1)==null?'':productEntry.getValue().get(1).defaultImageUrl}" />
                            </span>
	                        <div class="inner-tit">
	                            <span class="inner-tit-cell" th:text="${productEntry.getValue().get(1)==null?'':productEntry.getValue().get(1).name}">WoWWeeMiP机器人</span>
	                        </div>
                        </a>
                    </li>
                    <li th:if="${productEntry.getValue().size()>2}">
                        <a th:href="@{${productEntry.getValue().get(2)==null?'':'/product/view/'+productEntry.getValue().get(2).tag.id}}" href="#" class="apr-img apr-b-img">
                        	<span class="apr-img-cell">
                        		<img class="inner-tit-cell" src="img/loading.gif" th:src="@{/src/img/loading.gif}" data-url="http://placehold.it/232x220" th:attr="data-url=${productEntry.getValue().get(2)==null?'':productEntry.getValue().get(2).defaultImageUrl}" />
                        	</span>
                        	<div class="inner-tit">
	                        	<span class="inner-tit-cell" th:text="${productEntry.getValue().get(2)==null?'':productEntry.getValue().get(2).name}">WoWWee
								MiP机器人
	                        	</span>
                        	</div>
                        </a>
                        
						</li>
                    <li th:if="${productEntry.getValue().size()>3}">
                        <a th:href="@{${productEntry.getValue().get(3)==null?'':'/product/view/'+productEntry.getValue().get(3).tag.id}}" href="#" class="apr-img apr-b-img">
                        	<span class="apr-img-cell">
                        		<img src="img/loading.gif" th:src="@{/src/img/loading.gif}" data-url="http://placehold.it/232x220" th:attr="data-url=${productEntry.getValue().get(3)==null?'':productEntry.getValue().get(3).defaultImageUrl}" />
                        	</span>
	                        <div class="inner-tit">
		                        <span class="inner-tit-cell" th:text="${productEntry.getValue().get(3)==null?'':productEntry.getValue().get(3).name}">
		                        	WoWWeeMiP机器人
		                        </span>
	                       	</div>
                        </a>
					</li>
                </ul>
            </div>
        </div>
        <div class="apr-r">
            <ul class="apr-menu">
                <li th:each="tag:${navTags}" th:data="${'product_'+tag.id}"><a href="#" th:href="@{${'/product/list/filter?tagIds='+tag.id}}" th:text="${tag.name}">居家</a><span th:text="${tag.tagNavName}">Home</span></li>
                <!--/*-->
                <li><a href="#">居家</a><span>Home</span></li>
                <li><a href="#">母婴</a><span>Mom&amp;Kids</span></li>
                <li><a href="#">健康</a><span>Health</span></li>
                <li><a href="#">户外</a><span>Outdoor</span></li>
                <li><a href="#">办公</a><span>Office</span></li>
                <!--*/-->
            </ul>
        </div>
    </div>
</section>
